<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/com.css"/>
		<link rel="stylesheet" type="text/css" href="css/booking.css" />
	</head>

	<body>
		<div>

			<p class="bold bule">预约时间设定列表</p>
			<div class="cnt">
				<div>
					<div class="search">
						<input type="text" placeholder="2017-04-11" name="" id="" value="" />
						<input type="button" name="" id="" class="btn searchTime" value="查询可预约时间段" />
						<input type="button" name="" id="" class="btn addSet" value="添加设定" />
					</div>
					<h4 class="bule">查询结果</h4>
					<table border="0" cellspacing="0" cellpadding="0" class="Result">
						<tr><th>时间段</th><th>预约状态</th></tr>
						<tr><td>10:00-10:15</td><td>可预约</td></tr>
					</table>
					<h4 class="bule">相关设定</h4>
					<table border="0"cellspacing="0"cellpadding="0">
						<tr>
							<th class="">ID</th>
							<th class="">开始日期</th>
							<th class="">结束日期</th>
							<th class="">星期日期</th>
							<th class="">时间段</th>
							<th>预约单位</th>
							<th>预约状态</th>
							<th class="">操作</th>
						</tr>
						<tr>
							<td class="">1</td>
							<td class="">2017-5-12</td>
							<td class="">2017-5-17</td>
							<td class="">星期一</td>
							<td class="">12:00-14:00</td>
							<td>15分钟</td>
							<td>不可预约</td>
							<td class="">
								<span class="check">编辑</span>
								<span class="cancel">删除</span>
							</td>
						</tr>
						
					</table>
				</div>
			</div>
		</div>
	</body>

</html>